body {

  text-align: center;

background: navy;



}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 20px 20px;

	font-size: 30px;
	padding: 0;


}

img {
    max-width: 100%;
    height: auto;
}

#page_wrapper {

  margin-left: auto; 

  margin-right: auto;

  width: 490px;

  text-align: left;

  background: #FFFFFF url('images/content_bg.jpg') top right repeat-y;

  border: 0px solid #018843;

}

#feature_box, blockquote, code {

  float:left;
  font-size: 30px;
  
  line-height: 30px;
  
  background-color: #F6FCEC;

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:200px;

}



.Queens {

  float:left;
  
  font-size: 14px;
  
   line-height: normal;

	width: 300px;
  background-color: red;

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}




.Brooklyn {

  float:left;
  
  font-size: 14px;
  
   line-height: normal;

	width: 300px;
  background-color: #00bfff;

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}




.Manhattan {

  float:left;
  
  font-size: 14px;
  
   line-height: normal;
	width: 300px;

  background-color: #F6FCEC;

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}

.top_text {
font:13px;
font-weight:bold; 
color:#313365; 
font-weight:bold;
width: 490px;



}



/***************************************************
Design by Michel Honold. http://www.designdifferent.org
***************************************************/

body {

  text-align: center;

  background: #c5c5c5 url('images/body_bg.jpg');

  margin-top:0px;

  margin-bottom:10px;

}

img {

max-width: 100%;

}


A:link {

	COLOR: #402812; text-decoration: none

}

A:visited {

	COLOR: #402812; text-decoration: none

}

A:active {

	COLOR: #402812; text-decoration: none

}

A:hover {

	COLOR: #402812; text-decoration: underline

}



#page_wrapper {

  margin-left: auto; 

  margin-right: auto;



  text-align: left;

  background: #FFFFFF url('images/content_bg.jpg') top right repeat-y;

  border: 0px solid #018843;

}



#page_header {

  height: 120px;

  background: #b6a80d url('images/header.jpg') top right no-repeat;

  clear: both;

}



#page_header h1 {

  margin: 0px;

  padding-top:30px;

  padding-left:25px;

  font-family: verdana, arial, sans-serif;

  font-size:32px;

  font-weight: normal;

  letter-spacing: -1px;

  color: #994455;

}



#page_header h2 {

  margin: 0px;

  padding-left:25px;

  font-family: verdana, arial, sans-serif;

  font-size:13px;

  font-weight: normal;

  letter-spacing: 2px;

  color: #994455;

}







#menu_bar ul {

  margin-top: 0px;

  padding-left: 0px;

  margin-left: 0px;

  background: #b6a80d;

  color: White;

  float: left;

  max-width: 100%;

  font-family: verdana, arial, sans-serif;

  font-size:14px;

  font-weight: bold;

}


#menu_bar ul {

  margin-top: 0px;

  padding-left: 0px;

  margin-left: 0px;

  background: #b6a80d url('images/menu_bg.jpg') top left repeat-x;

  color: #000000;

  float: left;

  max-width: 100%;

  font-family: arial, sans-serif;

  font-size:12px;

}


#menu_bar ul li { display: inline; }



#menu_bar ul li a

{

  padding-top:5px;

  padding-bottom:5px;

  padding-left:15px;

  padding-right:15px;

  color: #333333;

  text-decoration: none;

  float: left;

  border-right: 0px solid #fff;

}



#menu_bar ul li a:hover, #menu_bar #current

{

  color: #983d51;

}



#menu_bar ul ul{

	display:none;

}



#content_wrapper {
 text-a
  margin-top:10px;

  margin-bottom:0px;

  margin-left:30px;

  margin-right:15px;



}



#right_side {

  margin-top:5px;

  float: right;

  width:160px;

  border:0px dashed #333333;

}



#right_side h3, .sidebar_title {

  margin-top:0px;

  margin-bottom:10px;
  margin-left:0px;

  font-family: verdana, arial, sans-serif;

  font-size: 14px;

  color: #333333;

}



#right_side {

  margin-top:0px;

  margin-bottom:15px;

  font-family: verdana, arial, sans-serif;

  font-size: 11px;

  line-height: 16px;

}



#left_side {

  float: left;

  width:540px;

  border:0px

}



#left_side h3, .blog-entry-title, .album-title, .movie-page-title{

  font-weight: bold;

  margin-top:0px;

  margin-bottom:10px;

  font-family: verdana, arial, sans-serif;

  font-size: 18px;

  color: #333333;

  clear:both;

}



.photo-title, .movie-title{

  font-weight: bold;

  margin-top:15px;

  margin-bottom:10px;

  font-family: verdana, arial, sans-serif;

  font-size: 18px;

  color: #333333;

  padding:4px;

  clear:both;

}



.photo-caption, .photo-links{

	font-family: verdana, arial, sans-serif;

  font-size: 12px;

  color: #333333;

  line-height: 18px;

}



.photo-frame{

	padding: 10px;

	border: 0px solid #333333;

}



.blog-entry-date {

  font-weight: bold;

  margin-top:-10px;

  margin-bottom:10px;

  font-family: verdana, arial, sans-serif;

  font-size: 0.8em;

  color: #333333;

  padding:4px;

  clear:both;

}

/* @group Tag Cloud */
ul.blog-tag-cloud {
	margin: 0 0 10px;
	padding: 0;
	text-align: justify;
}

ul.blog-tag-cloud li {
	display: inline;
	padding-right: 5px;
}

.blog-tag-size-1 {	
	font-size: 6px;
}

.blog-tag-size-2 {	
	font-size: 7px;
}

.blog-tag-size-3 {	
	font-size: 8px;
}

.blog-tag-size-4 {	
	font-size: 9px;
}

.blog-tag-size-5 {	
	font-size: 10px;
}

.blog-tag-size-6 {	
	font-size: 11px;
}

.blog-tag-size-7 {	
	font-size: 12px;
}

.blog-tag-size-8 {	
	font-size: 13px;
}

.blog-tag-size-9 {	
	font-size: 14px;
}

.blog-tag-size-10 {	
	font-size: 15px;
}

.blog-tag-size-11 {	
	font-size: 16px;
}

.blog-tag-size-12 {	
	font-size: 17px;
}

.blog-tag-size-13 {
	font-size: 18px;
}

.blog-tag-size-14 {	
	font-size: 19px;
}

.blog-tag-size-15 {
	font-size: 20px;
}

.blog-tag-size-16 {	
	font-size: 21px;
}

.blog-tag-size-17 {	
	font-size: 22px;
}

.blog-tag-size-18 {	
	font-size: 23px;
}

.blog-tag-size-19 {
	font-size: 28px;
}

.blog-tag-size-20 {	
	font-size: 24px;
}

/* @end */
	
/* @end */

.movie-page-description, .album-description, .filesharing-description{

	padding: 5px;

	margin-bottom: 5px;

}



.movie-thumbnail-frame{

	float:left;

	margin: 5px;

	padding: 5px;

	border: 0px solid #994455;

}



.thumbnail-wrap{

	text-align: center;

	float:left;

	margin: 5px;

	padding: 10px;

	padding-bottom: 15px;

	border: 1px solid #994455;

}



.thumbnail-wrap:hover{

	background: #efefef;

}



.thumbnail-frame{

	padding:0px;

}



.filesharing-item{

	border: 0px solid #994455;

	padding: 10px;

	margin: 5px;

}



.filesharing-item:hover{

	background: #efefef;

}



.filesharing-item-description{

	margin-left: 1em;

}



.movie-thumbnail-frame:hover{

	font-weight: normal;

}



.movie-thumbnail-caption{

	text-align: center;

}



.blog-image-smiley{

margin-bottom: -6px;

}



.blog-entry-summary, .blog-entry-body{

line-height: 1.6em;

}



#left_side{

  margin-top:5px;

  margin-bottom:15px;

  font-family: verdana, arial, sans-serif;

  font-size: 12px;

  color: #333333;

  line-height: 18px;

  padding-left:4px;

}



.image-left {

  float: left;

  margin-right: 10px;

} 



.image-right {

  float: right;

  margin-left: 10px;

}





#feature_box, blockquote, code {

  float:left;
  


  background-color: #F6FCEC;

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:400px;

}

 blockquote, img {
 
 max-width: 100%;
 
 
 
 }



#feature_box h4 {

  padding-left:5px;

  margin-top:0px;

  margin-bottom:5px;

  font-family: verdana, arial, sans-serif;

  font-size: 12px;

  color: #779E28;

}



#feature_box p {

  font-family: verdana, arial, sans-serif;

  font-size: 10px;

  color: #333333;

  line-height: 16px;

  margin-bottom:5px;

}



#page_footer {

  height: 120px;

  background: #b6a80d url('images/footer_bg.jpg') top left repeat-x;
  clear: both;

}



#page_footer p {

  padding-top:10px;

  text-align: center;

  font-family: verdana, arial, sans-serif;

  font-size: 11px;

  color: #333333;

  letter-spacing:1px;

}



#spacer {

  height:20px;

  clear:both;

}



#sideMenu { 

  margin-top: -5px;

  margin-left: 10px;

  padding-left: 0;

  list-style: none;

} 



#sideMenu li {

  display: inline;

}



#sideMenu a{

	display: none;

}



#sideMenu ul ul a { 

  margin-left: -80px;

  display: block;

  font-family: verdana, arial, sans-serif;

  font-size: 11px;

  line-height:18px;

}



/******************************************/
@media screen and (min-width: 490px) {



#page_wrapper {

  margin-left: auto; 

  margin-right: auto;

  width: 490px;

  text-align: left;

  background: #FFFFFF url('images/content_bg.jpg') top right repeat-y;

  border: 0px solid #018843;

}

#feature_box, blockquote, code {

  float:left;
  


  background-color: #F6FCEC;

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:200px;

}



#sidebarContainer {

float: right;

}





#menu_bar ul {

  margin-top: 0px;

  padding-left: 0px;

  margin-left: 0px;

  background: #b6a80d;

  color: White;

  float: left;

  max-width: 100%;

  font-family: verdana, arial, sans-serif;

  font-size:12px;

  font-weight: bold;

}


#menu_bar ul {

  margin-top: 0px;

  padding-left: 0px;

  margin-left: 0px;

  background: #b6a80d url('images/menu_bg.jpg') top left repeat-x;

  color: #000000;

  float: left;

  max-width: 100%;

  font-family: arial, sans-serif;

  font-size:12px;

}


#menu_bar ul li { display: inline; }



#menu_bar ul li a

{

  padding-top:5px;

  padding-bottom:5px;

  padding-left:15px;

  padding-right:15px;

  color: #333333;

  text-decoration: none;

  float: left;
  
  font-size:15px;

  border-right: 0px solid #fff;

}



#menu_bar ul li a:hover, #menu_bar #current

{
    font-size:20px;
  color: blue;

}



#menu_bar ul ul{

	display:none;

}


.Queens {

  float:left;
  
  font-size: 14px;
  
   line-height: normal;

	width: 400px;
	
  background-color: red;

 /* border:1px solid #AAE5A4; */

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}




.Brooklyn {

  float:left;
  
  font-size: 14px;
  
  width: 400px;
  
   line-height: normal;


  /*background-color: blue; */

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}




.Manhattan {

  float:left;
  
  font-size: 14px;
  
   line-height: normal;
   
   width: 400px;


  /*background-color: #F6FCEC;*/

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}





}

/****
two column layout
**************/

@media screen and (min-width: 660px) {







p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 20px 20px;

	font-size: 12px;
	padding: 0;


}


#page_wrapper {

  margin-left: auto; 

  margin-right: auto;

  width: 760px;

  text-align: left;

  background: #FFFFFF url('images/content_bg.jpg') top right repeat-y;

  border: 0px solid #018843;

}



#feature_box, blockquote, code {

  float:left;
  
  font-size: 14px;
  
   line-height: normal;


  background-color: #F6FCEC;

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}





#menu_bar ul {

  margin-top: 0px;

  padding-left: 0px;

  margin-left: 0px;

  background: #b6a80d;

  color: White;

  float: left;

  max-width: 100%;

  font-family: verdana, arial, sans-serif;

  font-size:14px;

  font-weight: bold;

}


#menu_bar ul {

  margin-top: 0px;

  padding-left: 0px;

  margin-left: 0px;

  background: #b6a80d url('images/menu_bg.jpg') top left repeat-x;

  color: #000000;

  float: left;

  max-width: 100%;

  font-family: arial, sans-serif;

  font-size:12px;

}


#menu_bar ul li { display: inline; }



#menu_bar ul li a

{

  padding-top:5px;

  padding-bottom:5px;

  padding-left:15px;

  padding-right:15px;

  color: #333333;

  text-decoration: none;

  float: left;

  border-right: 0px solid #fff;

}



#menu_bar ul li a:hover, #menu_bar #current

{

  color: #983d51;

}



#menu_bar ul ul{

	display:none;

}


#menu_bar ul li a

{

  padding-top:5px;

  padding-bottom:5px;

  padding-left:15px;

  padding-right:15px;

  color: #333333;

  text-decoration: none;

  float: left;
  
  font-size:15px;

  border-right: 0px solid #fff;

}



#menu_bar ul li a:hover, #menu_bar #current

{
    font-size:20px;
  color: blue;

}


#menu_bar #current

{
    font-size:15px;
  color: green;

}




#menu_bar ul ul{

	display:none;

}




.Queens {

  float:left;
  
  font-size: 14px;
  
   line-height: normal;

width: 500px;
 /* background-color: red; */

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}




.Brooklyn {

  float:left;
  
  font-size: 14px;
  
   line-height: normal;

width: 500px;
/*  background-color: blue; */

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}




.Manhattan {

  float:left;
  
  font-size: 14px;
  
   line-height: normal;

	width: 500px;
 /* background-color: #F6FCEC; */

  border:1px solid #AAE5A4;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}


.top_text {
font:13px;
font-weight:bold; 
color:#313365; 
font-weight:bold;
width: 550px;



}




}